/* default color */
$default-color: #f993a2;
$nav-color: rgba(255, 83, 106, 0);
$selected-color:#dd173e;
$rgba-color: rgba(249, 147, 162, .2);
$rgb-color: rgba(249, 147, 162, 1);


/* header common css */
.ant-layout-header {
  background-color: rgba(255, 83, 106, .6);
}

/* focus  hover css */
.ant-input:focus,
.ant-input:hover {
  // background-color: #f993a2;
  border-color: $default-color;
  outline: none;
  box-shadow: 0 0 0 2px rgba(249, 147, 162, .2);
}


/* button css */
.ant-btn-primary,
.ant-btn-primary:focus,
.ant-btn-primary:hover,
.ant-btn-primary:visited {
  background-color: $default-color;
  border-color: $default-color;
  box-shadow: 0 0 0 2px $rgba-color;
}


.ant-btn-primary:active {
  background-color: $rgb-color;
  border-color: $rgb-color;
}


/* 个人信息 */
.ant-descriptions {
  margin-top: 20px;
  div.ant-descriptions-title {
    border-radius: 3px;
    background-color: #f0f2f5;
    padding: 10px 15px;
  }
  div.ant-descriptions-view {
    padding: 3px 15px;
  }
  &.other-item {
    .ant-descriptions-view {
      tr {
        td {
          display: flex;
          flex-wrap: nowrap;
          span:nth-child(2) {
            width: 600px;
          }
        }
      }
    }
  }
  &.safe-item {
    .ant-descriptions-view {
      tr {
        td {
          position: relative;
          .user-btn {
            position: absolute;
            right: 0;
            top: 10px;
          }
          .ant-switch-checked {
            background-color: $rgb-color;
          }
        }
      }
    }
  }
}

.btn-box {
  float:right;
  margin-top: 14px;
  padding-right: 20px;
  .anticon-edit {
    font-size: 18px;
    cursor: pointer;
  }
}

/* 中间容器 */
.inner-content {
  background: #fff;
  padding: 24px;
  // min-height: 680px;
  border-radius: 3px;
  min-height: calc(100vh - 134px);
}
